<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<!-- <img src="./bom.jpg" /> -->
	<!-- <input type="text" name="time" value="5" /><br>
	<img src="./bom.jpg">
 -->
  	<input type="text" id="clock" size="35" />
  	<button onclick="int=window.clearInterval(int)">stop interval</button>
</body>
	<script type="text/javascript">
	var int = self.setInterval("clock()",50);
	function clock(){
		var t = new Date();
		document.getElementById('clock').value=t;
	}
	// 	function bao(){
	// 		var img = document.getElementsByTagName('img')[0];
	// 		img.src = './warn.jpg';

	// 	}
	// 	window.setTimeout('bao();',3000);
	
	// function bao(){
	// 	var inp = document.getElementsByName('time')[0];
	// 	var img = document.getElementsByTagName('img')[0];
	// 	var val = parseInt(inp.value)-1;
	// 	inp.value = val;

	// 	if(val == 0){
	// 		img.src = './warn.jpg';
	// 		clearInterval(clock);
	// 	}

	// }

	// var clock = setInterval('bao();',1000);
	
	// function bao(){
	// 	var inp = document.getElementsByName('time')[0];
	// 	var img = document.getElementsByTagName('img')[0];
	// 	var val = parseInt(inp.value)-1;
	// 	inp.value = val;
	// 	if(val == 0){
	// 		img.src = './warn.jpg';
	// 	}else{
	// 		setTimeout("bao()",1000);
	// 	}
	// }
	// setTimeout("bao()",1000);
	

	</script>
</html>